<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
//				var innerHtmlDiv = document.getElementById("innerHtmlDivId");
//				innerHtmlDiv.innerHTML = "<span style='color: red;'>innerHtml</span>"
			window.onload = function(){
				var innerHtmlDiv = document.getElementById("innerHtmlDivId");
				innerHtmlDiv.innerHTML = "<span style='color: red;'>innerHtml</span>"
				var input = document.getElementsByTagName("input")[1];
				input.onclick=function(){
					console.log("onclick");
				}
				input.onmouseout=function(){
					console.log("onmouseout");
				}
				input.onmouseover=function(){
					console.log("onmouseover");
				}
			}
				function cli(){
				console.log("click");
				}
				function over(){
					console.log("over");
				}
				function out(){
					console.log("out");
				}
		</script>
	</head>
	<body>
		<input type="button" value="点击" onclick="cli()" onmouseout="out()" onmouseover="over()"/>
		<input type="button" value="click"/>
		<div id="innerHtmlDivId"></div>
	</body>
</html>
